import React from 'react';

import './index.scss';

class Discover extends React.Component {
  render() {
    return (
      <div className="discover">
        <div className='entry'>
          <div className='entry-left'>
            <div>
              <p className='title text3'>金币商城</p>
              <span className='tips'>0元好物在这里</span>
            </div>
            <div>
              <img src='https://fuss10.elemecdn.com/8/38/9c9aea0e856149083d84af3444b78jpeg.jpeg?imageMogr/format/webp/' alt='' />
            </div>
          </div>
          <div className='entry-right'>
            <div className='container'>
              <div>
                <p className='title text1'>推荐有礼</p>
                <span className='tips'>10元现金拿不停</span>
              </div>
              <div className='pic'>
                <img src='https://fuss10.elemecdn.com/5/72/7232274c3c1934861abb86ba32b7bjpeg.jpeg?imageMogr/format/webp/' alt=''/>
              </div>
            </div>
            <div className='container'>
              <div>
                <p className='title text2'>周边优惠</p>
                <span className='tips'>领取口碑好卷</span>
              </div>
              <div className='pic'>
              <img src='https://fuss10.elemecdn.com/5/10/2351e989d4171479ba0d7b5c06053jpeg.jpeg?imageMogr/format/webp/' alt=''/>
              </div>
            </div>
          </div>
        </div>
        <div className='activity-header'>
          <div className='th-title'>
            <i>-</i>
            <i className='iconfont icon-icon-test1'></i>
            <span>限时好礼</span>
            <i>-</i>
          </div>
          <p className='th-little'>金币换好礼</p>
          <ul className='th-pic'>
            <li>
              <img src='https://fuss10.elemecdn.com/d/e8/e9079650047f1cc00c16474a1e8bdjpeg.jpeg?imageMogr/format/webp/' alt='' />
              <span>限时特惠</span>
              <p>三元饿了么鲜果</p>
              <i>90金币</i><del>￥3</del>
            </li>
            <li>
              <img src='https://fuss10.elemecdn.com/5/78/5c1ca7ceca079926933ca418c9eb7jpeg.jpeg?imageMogr/format/webp/' alt='' />
              <span>特价换购</span>
              <p>扫地机器人</p>
              <i>90金币</i><del>￥99</del>
            </li>
            <li>
              <img src='https://fuss10.elemecdn.com/e/b5/605a11eae79849240113271dd1b94jpeg.jpeg?imageMogr/format/webp/' alt='' />
              <span>特价换购</span>
              <p>电动按摩理疗仪</p>
              <i>90金币</i><del>￥99</del>
            </li>
          </ul>
          <div className='th-more'>
          查看更多 >
          </div>
        </div>
    </div>
    )
  }
}

export default Discover;
